<div class='course-detail' ng-controller='CourseFreeDetail'>
    <div class='header'>
        <img ng-src='{{courseInfo.banner}}' class='banner'>
        <div class='name'>{{courseInfo.name}}</div>
    </div>
    
    <div class='sim-intro am-avg-sm-2'>
        <li>导师:{{courseInfo.teacher_name}}</li>
        <li>
            ￥{{courseInfo.price}} 
        </li>
    </div>
    
    <div class='chapters'>
        <div class='title'>课程目录</div>
        <div class='am-list'>
            <li ng-repeat='chapter in courseInfo.chapters'>{{$index + 1}}、{{chapter.name}}</li>
        </div>
    </div>
    
    <div class='intro'>
        <div class='title'>课程介绍</div>
        <div class='content' ng-bind-html='courseInfo.decipt'></div>
    </div>

    <div class='intro'>
        <div class='title'>导师介绍</div>
        <div class='content' ng-bind-html='courseInfo.teacher_decipt'></div>
    </div>
    
    <div class='gap'></div>
    
    <div class='hot-buy'>
        <button class='am-btn am-btn-warning'
            ng-click='listen(courseInfo.id, courseInfo.play_type)'>进入试听</button>
    </div>
</div>